@charset "utf-8";h2,h5,h6,li,ul{margin:0}
.bottom,.progress-bar,.submit,.submit2{text-align:center}
*,input,input:focus{outline:0}
*{word-wrap:break-word}
body,html{height:100%;margin:0;-webkit-text-size-adjust:none}
body{background:#555;font-family:"Microsoft YaHei","Lucida Grande","Lucida Sans Unicode",Tahoma,Helvetica,Arial,sans-serif;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100%;height:100%}
li,ul{padding:0;border:0;list-style-image:none;list-style-type:none}
.login-layout{width:700px;margin:-200px auto auto -340px;position:absolute;z-index:3;top:50%;left:50%}
.login-layout .top{color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,.25);text-align:center;width:100%;height:80px;margin:0 auto 8%}
.login-layout .top h5{font-size:13px;font-weight:600;line-height:20px;display:block;height:20px}
.login-layout .top h5 em{font-family:Tahoma;font-size:10px;font-style:normal;margin-left:4px}
.login-layout .top h2{font-size:32px;font-weight:600;line-height:40px;display:block;height:40px}
.login-layout .top h6{font-size:12px;font-weight:600;line-height:20px;display:block;height:20px}
.lock-holder{width:100%;margin:0 auto}
.lock-holder .dot-left{font-size:18px;color:#FFF;margin:10px auto auto 20px;position:absolute}
.lock-holder .dot-right{font-size:18px;color:#FFF;margin:10px auto auto 165px;position:absolute}
.avatar{display:inline-block}
.avatar img{width:96px;margin:-1% auto 0 50px;border-radius:50%;-moz-box-shadow:0 0 0 3px rgba(255,255,255,.25);-webkit-box-shadow:0 0 0 3px rgba(255,255,255,.25);box-shadow:0 0 0 3px rgba(255,255,255,.25);transition:300ms ease;-webkit-transition:300ms ease;-moz-transition:300ms ease;-o-transition:300ms ease}
.submit .input-button,input{font-family:"Microsoft YaHei","Lucida Grande","Lucida Sans Unicode",Tahoma,Helvetica,Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.1);-o-transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}
.lock-holder .form-group{width:250px;position:relative;z-index:1}
.lock-holder .form-group label{font-size:14px;font-weight:600;line-height:20px;color:#FFF;display:block;height:20px;padding-right:10px;border-right:dotted 1px #FFF;position:absolute;z-index:9;top:10px;left:10px}
.submit span,input{position:relative;z-index:1}
input{font-size:14px;color:#fff;height:28px;padding:5px 6px;background:#2d2d2d;background:rgba(45,45,45,.15);border:1px solid #3d3d3d;border:1px solid rgba(255,255,255,.15);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset}
input:-moz-placeholder{color:#fff}
input:-ms-input-placeholder{color:#fff}
input::-webkit-input-placeholder{color:#fff}
input:focus{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3F000000', endColorstr='#3F000000');background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.5);-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset,0 0 0 2px rgba(255,255,255,.15);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset,0 0 0 2px rgba(255,255,255,.15);box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset,0 0 0 2px rgba(255,255,255,.15)}
.input-password,.input-text{width:184px;padding-left:56px}
.input-code{width:88px}
.submit{margin-top:5%;font-size:0}
.submit .progress{width:200px;margin:0 auto}
.submit span{vertical-align:top;zoom:1}
.submit .input-button{font-size:15px;font-weight:600;background:#ef4300;width:100px;height:40px;margin:0 0 0 10px;border:1px solid #ff730e;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);box-shadow:0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer}
.bottom h5,.progress-bar{font-size:12px}
.submit .input-button:hover{box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2)}
.submit .input-button:active,.submit .input-button:hover{-moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2)}
.submit .input-button:active{box-shadow:0 5px 8px 0 rgba(0,0,0,.1) inset,0 1px 4px 0 rgba(0,0,0,.1);border:0 solid #ef4300}
.submit2{margin-top:5%}
.submit2 .progress{width:200px;margin:0 auto}
.code{background-color:#FFF;width:114px;height:34px;border-radius:4px;position:absolute;z-index:9;top:-55px;left:-10px;display:none;box-shadow:0 2px 2px 2px rgba(0,0,0,.25)}
.code .change,.code .close,.code img{position:absolute;z-index:1}
.code .arrow{background:url(../image/login_code.gif) no-repeat;display:block;width:14px;height:7px;position:absolute;left:21px;bottom:-7px}
.code img{width:90px;height:26px;top:4px;left:4px}
.code .change,.code .change i,.code .close,.code .close i{display:block;width:10px;height:10px}
.code .close{padding:1px;top:4px;right:4px}
.code .close:hover,.login-layout .box span .code .change:hover{background-color:#CCC;border-radius:5px;-webkit-border-radius:5px}
.code .close i{background:url(../image/login_code.gif) 0 -7px no-repeat;opacity:.5}
.code .change{padding:1px;bottom:4px;right:4px}
.code .change i{background:url(../image/login_code.gif) -10px -7px no-repeat;opacity:.5}
.code .close:hover i,.login-layout .box span .code .change:hover i{opacity:1}
.progress{height:8px;margin-bottom:20px;overflow:hidden;background-color:#000;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.progress-bar{float:left;width:0;height:100%;line-height:20px;color:#fff;background-color:#428bca;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}
.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}
.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progress-bar-success{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,.9)}
.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.bottom{font-family:Verdana,Tahoma;line-height:16px;color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,.25);width:600px;margin-left:-300px;position:fixed;bottom:60px;left:50%}
.bottom a{color:#FFF;text-decoration:none}
.bottom a:hover{color:#FF0;text-decoration:blink}
.bottom h6{font-size:10px}
.avatar-top img{margin-top:-40px;-webkit-transition:800ms ease;-moz-transition:800ms ease;-o-transition:800ms ease;transition:800ms ease}
#supersized-loader{position:absolute;top:50%;left:50%;z-index:0;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em;background:url(../image/loading4.gif) center center no-repeat}
#supersized,#supersized li{overflow:hidden;top:0;left:0}
#supersized{display:block;position:fixed;z-index:-999;height:100%;width:100%}
#supersized img{width:auto;height:auto;position:relative;display:none;outline:0;border:none;max-width:none!important}
#supersized a,#supersized li{width:100%;height:100%;display:block}
#supersized.speed img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges}
#supersized.quality img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality}
#supersized li{list-style:none;z-index:-30;position:fixed;background:#111}
#supersized li.prevslide{z-index:-20}
#supersized li.activeslide{z-index:-10}
#supersized li.image-loading{background:url(../image/loading4.gif) center center no-repeat #111;width:100%;height:100%}
#supersized li.image-loading img{visibility:hidden}
#supersized li.activeslide img,#supersized li.prevslide img{display:inline}